/** @type {import('tailwindcss').Config} */
module.exports = {
  // 使用文件  https://github.com/aniftyco/awesome-tailwindcss  ui
  content: ['./index.html', './src/**/*.{vue,ts}'],
  theme: {
    extend: {
      minWidth: {
        '0': '0',
        '1/5': '20%',
        '1/4': '25%',
        '1/2': '50%',
        '3/4': '75%',
        'small': '6rem',
        'normal': '12rem',
        'large':'24rem',
        'full': '100%',
      },
      maxWidth: {
        '20': '10rem',
        '40': '20rem',
        '3/10': '30%',
        '7/10': '70%',
        '8/10': '80%',
        '9/10': '90%',
        '9-6/10': '96%',
        '9-8/10': '98%',
      },
      transitionDuration: {
        '2000': '2000ms',
        '3000': '3000ms',
      },
      scale: {
        '15': '.15',
        '20': '.20',
        '25': '.25',
        '35': '.35',
      }
    },
  },
  plugins: [
    require('@tailwindcss/line-clamp')
  ]
}
